// 1.0 导入vue核心包
import Vue from 'vue';

// 2.0 导入App.vue的vue对象
import App from './App.vue';

//3.0 导入router路由
import vueRouter from 'vue-router';
Vue.use(vueRouter);

// 导入路由规则对应的组件
import home from './components/home.vue';
import vip from './components/vip.vue';
import shop from './components/shop.vue';
import search from './components/search.vue';


// 定义路由规则
var router1 = new vueRouter({
	linkActiveClass: 'mui-active',  //改变路由激活时的class名称
	routes:[
		{path:'/home',component:home},
		{path:'/vip',component:vip},
		{path:'/shop',component:shop},
		{path:'/search',component:search}
	]
})

// 导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
//4.0 导入 mint 
import mint from 'mint-ui';
Vue.use(mint);

//5.0 导入muicss 样式
import '../statics/mui/css/mui.css';
// 导入全局css样式
import '../statics/css/global.css';

//6.0 导入 vue-resource 将$http对象绑定在Vue上
import vueResouce from 'vue-resource';
Vue.use(vueResouce);

// 7.0 利用Vue对象进行解析渲染
new Vue({
	el:'#app',
	//使路由实例化
	router:router1,
	// render:function(create){create(App)} //es5的写法
	render:c=>c(App)  // es6的函数写法 =>：goes to
});